<template>
    <div>
        <dv-border-box-1>
            <dv-active-ring-chart :config="config" style="width:200px;height:200px;margin:auto" />
        </dv-border-box-1>
    </div>
</template>

<script>
export default {
    data() {
        return {
            config: {
                radius: '70%',
                activeRadius: '80%',
                data: [
                    {
                        name: '周口',
                        value: 55
                    },
                    {
                        name: '南阳(香蕉麻花皮)',
                        value: 120
                    },
                    {
                        name: '西峡',
                        value: 78
                    },
                    {
                        name: '驻马店',
                        value: 66
                    },
                    {
                        name: '新乡',
                        value: 80
                    }
                ],
                digitalFlopStyle: {
                    fontSize: 20
                },
                showOriginValue: true
            }
        }
    }
}
</script>

<style></style>